<%@ page language="java" pageEncoding="UTF-8"%>
<div class="comments">
	<hr />
	<div class="_newsId" style="display: none;">${news.newsId}</div>
	<h1 style="width: 20%; float: left;">网友评论</h1>
	<div style="width: 80%; float: left; text-align: right; line-height: 100px;">
		<span class="contentTotal">1条评论</span>
	</div>
	<form class="form-inline">
		<div class="form-group" style="width: 90%; text-align: center;">
			<label style="width: 100px;" class="col-sm-2 control-label l1">
				<img src="${sessionScope.user.userImg!=null? sessionScope.user.userImg : '../img/_noimg.png'}" class="img-circle" style="width: 80px; height: 80px;">
				<div class="commentUserName" style="font-size: 15px;">${sessionScope.user!=null?sessionScope.user.userRealName:'请先登录'}</div>
				<div class="userName" style="display: none;">${sessionScope.user.userName}</div>
			</label>
			<div style="width:  calc(100% - 100px);" class="col-sm-10" style="text-align: left;">
				<textarea id="addCommentContent" name="commentContent" style="width: 100%; height: 100px; border: solid 1px gainsboro;"></textarea>
			</div>
		</div>
		<input class="_newsId" name="commentCommentator" style="display: none;" value="${news.newsId}" />
		<button type="submit" class="btn btn-default btn-lg ping">${sessionScope.user==null?'登录':'评论'}</button>
	</form>
	<br />
	<br />
	<div style="width: 50%; float: left;">
		<span style="color: black; font-size: 30px;">全部评论</span>/<a class="my-comments" style="font-size: 20px; text-decoration: none;">我的评论</a>
	</div>
	<div style="width: 50%; float: left; text-align: right; height: 42px; padding-top: 16px;">
		<a style="color: gray; font-size: 20px; text-decoration: none;">最新</a>
	</div>

	<hr class="pinglun" style="clear: left;" />
	<div class="_comment">
		<div style="width: 65px; float: left;">
			<img class="userImg" src="../img/_noimg.png" class="img-circle" style="width: 50px; height: 50px;">
		</div>
		<div style="width: calc(100% - 70px); float: left; text-align: right; height: 80px;">
			<div style="margin-top: 10px;">
				<div style="width: 20%; float: left; text-align: left; font-size: 0.75em;"><span class="_commentRealName" style="text-decoration: none;">苦中带甜</span></div>
				<div style="width: 80%; float: left; text-align: right;font-size: 0.75em; margin-bottom: 5px;"><a class="jubao" style="color: gray; text-decoration: none;">${sessionScope.user==null?'':'<span class="glyphicon glyphicon-warning-sign"></span>举报'}</a></div>
			</div>
			<div class="_commentContent" style="width: 90%; float: left; text-align: left; font-size: 1em;">中国内需的蓬勃发展就是利惠全球的行动！</div>
			<div style="width: 10%; float: right; text-align: right; font-size: 0.75em; margin-top:5px ;"><a class="_deleteComment" style="color: red; display: none; text-decoration: none;"><span class="glyphicon glyphicon-trash"></span>删除</a></div>
		</div>
		<div style="clear: left;"></div>
	</div>
	<a class="btn btn-default btn-block _nextPage" style="display: none;" >加载更多评论</a>
	<div class="_null" style="display: none;">没有更多评论了</div>
</div>
